<template>
    <div>
        <h3>新闻组件</h3>
        <ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media">
					<!-- <router-link to="/home/newinfo/:id"> -->
					<router-link :to="'./newInfo/'+ id">
					<!-- 表达式传参时 -->
						<img class="mui-media-object mui-pull-left" src="">
						<div class="mui-media-body">
							幸福
							<p class='mui-ellipsis'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
						</div>
					</router-link>
				</li>
				<li class="mui-table-view-cell mui-media">
					<router-link to="./newInfo/:id">
						<img class="mui-media-object mui-pull-left" src="">
						<div class="mui-media-body">
							木屋
							<p class='mui-ellipsis'>想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
						</div>
					</router-link>
				</li>
				<li class="mui-table-view-cell mui-media">
					<!-- <router-link to="./newInfo/:id"> -->
					<router-link :to="'./newInfo/'+ id">
						<img class="mui-media-object mui-pull-left" src="">
						<div class="mui-media-body">
							CBD
							<p class='mui-ellipsis'>烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
						</div>
					</router-link>
				</li>

			</ul>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>

</style>